<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="Permissions-Policy" content="camera=(self)">
		<title>RTC</title>
	</head>

	<link rel="stylesheet" href="./css/commer.css?v=19">
	<script src="./js/uni.webview.1.5.6.js"></script>

	<body>

		<div>
			<div class="callDuration"></div>
			<div class="videos">
				<div id="localVideo" class="bigVideo hidden" onclick="localVideoFn()">
					<video autoplay playsinline autoplay muted poster="./img/voiceBg.jpg"></video>
					<div class="videoUserInfo">
						<div>
							<div><img class="myImg" src="./img/head.jpg" /></div>
							<div class="myName">-</div>
						</div>
					</div>
				</div>
				<div id="remoteVideo" class="smallVideo hidden" onclick="remoteVideoFn()">
					<video autoplay playsinline autoplay muted poster="./img/smallBg.jpg"></video>
					<div class="videoUserInfo">
						<div>
							<div><img class="hereImg" src="./img/head.jpg" /></div>
							<div class="hereName">-</div>
						</div>
					</div>
				</div>





			</div>
			<div class="userInfo">
				<div><img class="userInfoImg" src="./img/head.jpg" /></div>
				<div class="userInfoName">-</div>
			</div>
			<div class="fot">
				<div class="tips"></div>
				<div class="operate">
					<div class="flip hidden" onclick="switchCameraFn()">
						<p><img src="./img/flip.png" /></p>
						<p>翻转</p>
					</div>
					<div class="openMicrophone" onclick="toggleMicrophone()">
						<p><img id="microphoneIcon" src="./img/openMicrophone.png" /></p>
						<p id="microphoneStatus">麦克风已开</p>
					</div>
					<div class="openCamera hidden" onclick="toggleCameraFn()">
						<p><img id="cameraIcon" src="./img/openCamera.png" /></p>
						<p id="cameraStatus">摄像头已开</p>
					</div>
				</div>
				<div class="operate2">
					<div class="hangUp" onclick="hangUpFn(1)">
						<img src="./img/hangUp.png" />
					</div>
					<div class="answer" onclick="handleOffer()">
						<img src="./img/answer.png" />
					</div>

				</div>
			</div>

		</div>
	
		
		<!-- <script src="./js/vconsole.min.js"></script> -->
		<script src="./js/index.js?v=19"></script>
		<!-- <script>
			var vConsole = new VConsole();
		</script> -->

	</body>

</html>